<template>
  <h3>test</h3>
  <p>
    <strong>Current route path:</strong> {{ $route.fullPath }}
  </p>
  <nav>
    <RouterLink to="/home/subview">Go to Home</RouterLink>
    <RouterLink to="/about">Go to About</RouterLink>
  </nav>
  <main>
    <RouterView />
  </main>
    <!-- <h3>股票信息</h3>
    <table border="1" cellspacing="0" width="100%">
      <tbody>
            <tr>
                <th>股票名称</th>
                <th>交易类型</th>
                <th>数量</th>
                <th>价格</th>
                <th>手续费</th>
                <th>总金额</th>
                <th>日期</th>
            </tr>
            <tr v-for="item in socks_list" :key="item.name">
                <td> {{ item.name }} </td>
                <td> {{ item.type }} </td>
                <td> {{ item.count}} </td>
                <td> {{ item.price}} </td>
                <td> {{ item.fee}} </td>
                <td> {{ item.amount}} </td>
                <td> {{ item.date}} </td>
            </tr>
            <tr>
            </tr>
      </tbody>
    </table> -->
</template>

<script>
//import HelloWorld from './components/HelloWorld.vue'
import axios from 'axios'

export default {
  name: 'App',
  components: {
    //HelloWorld
  },
  mounted() {
    axios.get('/stock/getData').then(res => { 
        this.socks_list = res.data.data.tableData 
    })
  },
  data() {
      return {
          socks_list: '',
      }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
